import { ref, reactive, computed, watch } from "vue";
import util from "@/utils/util";

// 静态公共配置
export function useConfig() {
  // 首页配置列表
  const navConfig = reactive([
    {
      // icon: util.getImageUrl("icon0.png"),
      // selectedIcon: util.getImageUrl("icon0-i.png"),
      name: "首页",
      path: "/home",
      paths: ["/home"],
    },
    {
      name: "导航二",
      // path: "/announcement",
      paths: [""],
    },
    {
      name: "导航三",
      // path: "/announcement",
      paths: [""],
    },
    {
      name: "导航四",
      // path: "/announcement",
      paths: [""],
    },
    {
      name: "导航五",
      // path: "/announcement",
      paths: [""],
    },
  ]);

  // 用户操作配置列表
  const userOperationsConfig = reactive([
    {
      name: "退出",
      id: 5,
    },
  ]);

  return {
    navConfig,
    userOperationsConfig,
  };
}

// 表单公共配置
export function useForm() {}
